<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
	</head>
	<style type="text/css">
		.top1{
			background-color: #51B7EC;
			width: 100%;
		}
		.qq{
			padding-left: 300px;
		}
		.qq a{
			color: white;
			font-family: "微软雅黑";
			font-size: 15px;
		}
		.qq :hover{
			color: blue;
		}
		.qq2 a{
			color: grey;
		}
		.qq2 :hover{
			color: gray;
		}
		.qt :hover{
			text-decoration: none;
		}
	</style>
	<body>
		<div class="top1">
			<span style="padding-left: 400px;"><img src="img/2019-12-17_151941.png"></span>
			<span class="qq"><a href="#">QQ登录</a>
			<a href="#">授权管理</a>
			<a href="#">申请接入</a></span>
		</div>
		<div class="container">
			<div class="row">
				<div class=" col-md-3"></div>
				<div class=" col-md-3" style="text-align: center;">
					<h3>快速登录</h3>
					<div>请使用<a href="#">QQ手机版</a>扫描二维码，<br/>安全登录，防止盗号。</div>
					<br />
					<img src="img/2019-12-17_153636.png"/>
					<div class="qq2" style="margin-top: 15px;">
						<a href="#">账号密码登录</a>
						<a href="#">注册新账号</a>
						<a href="#">意见反馈</a>
					</div>
				</div>
				<div class=" col-md-3" style="font-family: '微软雅黑'; font-size: 12px; ">
					<div style="margin-top: 50px;">该网站已有超过1千万用户使用QQ登录</div>
					<hr />
					<div><a href="#">爱奇艺pps</a>将获得以下权限：</div>
					<hr />
					<input type="button" value="全选" name="cd" onclick="zg()"/><br /><br />
					<input type="checkbox" value="1"  name="cd" />获得您的昵称、头像、性别<br /><br />
					<input type="checkbox" value="2"  name="cd"/>分享内容到QQ空间<br /><br />
					<br />
                    <div>授权后表明你已同意<a href="#">QQ登录服务协议</a></div>
					
				</div>
				<div class=" col-md-3"></div>
			</div>
		</div>
		<div class="container">
			<div class="row qt" style="padding-top: 30px;">
				<div class="col-md-12">
					<div class="text-center">
						<a href="QiTaFangShi.html">其他登录方式</a>
					</div>
				</div>
			</div>
		</div>
		
		<script type="text/javascript">
			var eats=document.getElementsByName("eats");
			function qx(){
				for(i=0;i<eats.length;i++){
					eats[i].checked=true;
				}
			}
			function qbx(){
				for(i=0;i<eats.length;i++){
					eats[i].checked=false;
				}
			}
			function fx(){
				for(var i=0;i<eats.length;i++){
					if(eats[i].checked==true){
					   eats[i].checked=false;
					}else if(eats[i].checked==false){
						eats[i].checked=true;
					}
				}
			}
			var cd=document.getElementsByName("cd")
			function zg(){
				for(i=0;i<cd.length;i++){
					if(cd[i].checked==true){
					   cd[i].checked=false
					}else {
					   cd[i].checked=true
					}
				}
			}
			
		</script>
	</body>
</html>
